<template>
  <div class="home_page flexC">
    <!--大图背景-->
    <div class="flexC bigImg">
      <img src="../../assets/home/homeindex_logo2.png" alt="">
      <div class="flexR">
        <Select size="large" v-model="schType" style="width:150px" class="xz_max">
          <Option v-for="item in schTypeList" :value="item" :key="item">{{ item }}</Option>
        </Select>
        <Input size="large" placeholder="请输入搜索的职位或简历" class="xz_max"/>
        <Button type="primary" size="large" icon="ios-search" class="xz_max" style="margin-left: 3px;">搜 索</Button>
      </div>
      <!--黑色导航区域-->
      <div class="flexR heiDiv">
          <ul class="flexR">
            <li class="flexC">
              <span></span>
              <p>找工作</p>
            </li>
            <li class="flexC">
              <span></span>
              <p>招人才</p>
            </li>
            <li class="flexC">
              <span></span>
              <p>就业D图</p>
            </li>
            <li class="flexC">
              <span></span>
              <p>现场招聘会</p>
            </li>
            <li class="flexC">
              <span></span>
              <p>校企对接</p>
            </li>
            <li class="flexC">
              <span></span>
              <p>下载中心</p>
            </li>
            <li class="flexC">
              <span></span>
              <p>残疾人就业</p>
            </li>
            <li class="flexC">
              <span></span>
              <p>战略合作</p>
            </li>
            <li class="flexC">
              <span></span>
              <p>社保查询</p>
            </li>
          </ul>
      </div>
    </div>
    <!--招聘会列表 轮播 中间区域1-->
    <Center1></Center1>
      <!--友情链接-->
    <div class="flexC yqlj">
        <div class="flexC width1200">
            <p class="flexR">
                <span class="active">国内人力资源和社会保障网</span><span> | </span>
                <span>省内人力资源和社会保障网</span><span> | </span>
                <span>本市政府网站</span><span> | </span>
                <span>舟甬一体化合作</span>
            </p>
            <p class="flexR">
                <span>中国人力资源和社会保障部</span>
                <span>中国就业网</span>
                <span>中国劳动保障新闻网</span>
                <span>中国劳动社会保障出版</span>
                <span>中国劳动咨询网</span>
                <span>中国劳动争议</span>
            </p>
        </div>
    </div>
      <div class="flexC copyright">
          <div class="flexC width1200">
              <p class="flexR">
                  <span>版权说明</span><span> | </span>
                  <span>网站声明</span><span> | </span>
                  <span>隐私声明</span><span> | </span>
                  <span>联系我们</span><span> | </span>
                  <span>意见建议</span>
              </p>
              <p class="flexR">
                  <span>浙公网安备 33090202000372号</span>
              </p>
              <p class="flexR">
                  <span>主办单位：舟山市人力资源市场服务中心  </span>
                  <span>备案号：浙ICP备12012435号-5 </span>
                  <span>电话：05802029238 05802022192 </span>
              </p>
              <p class="flexR">
                  <span>地址：舟山港航国际大厦裙楼（舟山市新城千岛街道定沈路619号）</span>
              </p>
              <p class="flexR">
                  <span>Copyright © 2017 zsjob.gov.cn All Right Reserved</span>
              </p>
          </div>
      </div>
  </div>
</template>

<script>
import Center1 from "./Center1";
export default {
  name: 'home_page',
  components: {
    Center1
  },
  data() {
    return {
      schType: '搜职位',
      schTypeList: ['搜职位','搜简历']
    }
  },
}
</script>
<style lang="less">
  @import "css/home_page.less";
</style>
